<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>默存</title>
    <link th:href="@{/images/favicon.ico}" rel="shortcut icon">
    <link th:href="@{/editor/css/editormd.min.css}" rel="stylesheet"/>
    <link th:href="@{/editor/css/editormd.preview.min.css}" rel="stylesheet">
    <link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/css/style.css}" rel="stylesheet">
    <script th:src="@{/js/html5shiv.min.js}"></script>
    <script th:src="@{/js/respond.min.js}"></script>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>
    <script th:src="@{/editor/lib/marked.min.js}"></script>
    <script th:src="@{/editor/lib/prettify.min.js}"></script>
    <script th:src="@{/editor/editormd.min.js}"></script>
</head>
<body id="wrapper">
<div class="top-header">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand logo-title" href="index"  style="color: #ffffff">默存</a>
            <div class="collapse navbar-collapse">
                <ul class="navbar-nav mr-auto"></ul>
                <span class="navbar-text">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item"><a class="nav-link" href="index" style="color: #ffffff">首页</a></li>
                        <li class="nav-item"><a class="nav-link" href="contact" target="_blank" style="color: #ffffff">联系我</a></li>
                        <li class="nav-item" th:if="${session.user} eq null"><a class="nav-link" href="login" target="_blank" style="color: #ffffff">登录</a></li>
                        <li class="nav-item" th:if="${session.user} ne null"><a class="nav-link" href="home" target="_blank" style="color: #ffffff">个人中心</a></li>
                        <li class="nav-item" th:if="${session.user} ne null"><a class="nav-link" href="logout" style="color: #ffffff">退出</a>
                    </ul>
                </span>
            </div>
        </nav>
    </div>
</div>
<header id="masthead" class="site-header" role="banner" style="background-position: 50% -120px;">
    <div class="overlay"></div>
    <div class="container">
        <div class="site-branding">
            <!--<a href="index" title="默存"><img class="site-logo" src="images/logo.png" alt="默存"></a>-->
        </div>
    </div>
</header>
<div id="page-content" class="sub-page">
    <article class="box-content container">
        <div class="post" style="">
            <h1 class="entry-title" th:text="${article.title}"></h1>
            <div class="content editormd-preview-theme" id="content" th:utext="${article.htmlContent}"></div>
        </div>
    </article>

    <div class="comment-respond container">
        <h3 id="reply-title" class="comment-reply-title">留言板</h3>
        <p class="comment-notes">您宝贵的意见将是我前进的动力。</p>
        <div id="comment_form">
            <form name="form1" id="comment" method="post" action="">
                <label>
                    <span>您的留言：</span>
                    <textarea name="message" id="message" placeholder="请输入..."></textarea>
                </label>
                <label>
                    <span>您的昵称：</span>
                    <input type="text" name="name" id="name" placeholder="请输入..." required>
                </label>
                <label>
                    <span>您的邮箱：</span>
                    <input type="email" name="email" id="email" placeholder="请输入..." required>
                </label>
                <center><input class="sendButton" type="submit" name="submit" value="提交"></center>
            </form>
        </div>
    </div>
</div>
<footer>
    <div class="wrap-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Copyright &copy 2019 <a href="https://blog.csdn.net/typ1805" target="_blank" title="默存">默存</a></span>
                </div>
                <div class="col-md-4">
                    <ul class="nav">
                        <li class="nav-item">博客链接：</li>
                        <li class="nav-item" style="padding-left: 10px"><a href="https://gitee.com/typ1805" target="_blank">码云</a></li>
                        <li class="nav-item" style="padding-left: 10px"><a href="https://github.com" target="_blank">GitHub</a></li>
                        <li class="nav-item" style="padding-left: 10px"><a href="https://blog.csdn.net/typ1805" target="_blank">CSDN</a></li>
                        <li class="nav-item" style="padding-left: 10px"><a href="https://www.cnblogs.com/typ1805" target="_blank">博客园</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>
<script>
    editormd.markdownToHTML("content");
</script>
</html>